//1.全局安装gulp npm install gulp --global
//2.本地安装gulp npm install gulp --save-dev
//3.配置gulp任务 
const gulp = require("gulp");
//压缩css代码
const CleanCss = require("gulp-clean-css");
const browserSync = require('browser-sync').create();
//引入gulp-sass
const sass=require("gulp-sass");
const autoprefixer = require('gulp-autoprefixer');
var plumber = require('gulp-plumber');
//将scss编译成css
gulp.task("sass",function(){
	gulp.src("src/scss/**/*.scss")
		.pipe(plumber())
		.pipe(sass())
		.pipe(autoprefixer())
		.pipe(plumber.stop())
		.pipe(gulp.dest("src/css/"))
})
// 静态服务器
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        },
        port:8888
    });
    gulp.watch(["src/**/*.html"],browserSync.reload)
    gulp.watch("src/scss/**/*scss",["sass"]).on("change",browserSync.reload)
});
gulp.task("copy-html",function(){
//	html文件导入进来
	gulp.src("src/**/*.html")
		.pipe(gulp.dest("dist/"))
})

gulp.task("minify-css",function(){
//	要处理的css文件,导入进来
// **任意文件夹
	gulp.src("src/css/**/*.css")
//		压缩css代码
		.pipe(CleanCss({ compatibility: 'ie7'}))
		.pipe(gulp.dest("dist/css/"))
})

gulp.task("default",function(){
	console.log("default");
})
//定义一个任务
gulp.task("hi",function(){
	console.log("hello");
})
